// 工作台
.hat-top{
	width: 100%;
	left: 0px;
	top: 0px;
	height: 160px;
	line-height: 20px;
	background-color: rgba(32, 83, 255, 1);
	text-align: center;
	
}
.tos{
	width: 7px;
	height: 7px;
	margin-top: -8px;
	line-height: 20px;
	background-color: red;
	text-align: center;
	position: absolute;
	left: 57px;
	border-radius: 100%;
}

// 滑动选项卡
.yi-bad {
		width: 22rpx;
		height: 22rpx;
		border-radius: 100rpx;
		background-color: #8CB8FF;

		.yi-back {
			width: 14rpx;
			height: 14rpx;
			left: 4rpx;
			margin-top: 4rpx;
			position: relative;
			border-radius: 100rpx;
			background-color: #2176FF;
		}
	}

	.uni-swiper-tab {
		.swiper-tab-line {
			font-size: 24rpx;
			font-family: PingFang-SC-Regular;
			font-weight: 400;
			color: #333333;
			background: #F1F1F1;
			border-radius: 5rpx;
		}
	}

	.active .swiper-tab-line {
		margin: auto;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		border-radius: 5rpx;
		background-color: #2176FF;
	}
	.flex-li {
		display: flex;
		// flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.ban{
		position: relative;
		left: 1px !important;
		width: 50px;
		height: 50px;
		line-height: 50px;
		border-radius: 10px;
		background-color: rgba(32, 83, 255, 1);
		color: rgba(248, 249, 250, 1);
		font-size: 14px;
		text-align: center;
		font-family: Arial;
	}
	
	// 头像
	.head{
		width: 100%;
		height: 120px;
		line-height: 20px;
		border-radius: 0px 0px 0px 45px;
		background-color: rgba(32, 83, 255, 1);
		color: rgba(16, 16, 16, 1);
		font-size: 14px;
		text-align: center;
		font-family: Arial;
	}
	// 人事
	.head-rs{
		height: 54px;
		line-height: 20px;
		border-radius: 15px;
		background-color: rgba(248, 249, 250, 1);
		text-align: center;
	}
	// 审批中心
	.cenent-ce{
		height: 100px;
		line-height: 20px;
		border-radius: 10px;
		background-color: rgba(255, 255, 255, 1);
		text-align: center;
	}
	.cenent-cel{
		line-height: 20px;
		border-radius: 10px;
		background-color: rgba(255, 255, 255, 1);
		text-align: center;
	}
	// 设置
	.sz{
		width: 35px;
		height: 35px;
		line-height: 35px;
		background-color: rgba(255, 127, 93, 1);
		text-align: center;
	}
	.sl{
		width: 35px;
		height: 35;
		line-height: 35px;
		background-color: rgba(82, 219, 119, 1);
		text-align: center;
	}
	.phone{
		position: fixed;
		text-align: center;
		left: 291px;
		bottom: 70px;
		font-size: 30px;
		width: 54px;
		height: 54px;
		line-height: 54px;
		background-color: rgba(2, 102, 255, 1);
		border-radius: 100%;
	}
	//审批中
	.pi{
		width: 55px;
		height: 25px;
		line-height: 25px;
		border-radius: 3px;
		background-color: rgba(255, 247, 240, 1);
		color: rgba(249, 117, 0, 1);
		font-size: 12px;
		text-align: center;
		font-family: Arial;
	}
	.pis{
		width: 55px;
		height: 25px;
		line-height: 25px;
		border-radius: 3px;
		background-color: rgba(233, 248, 243, 1);
		color: rgba(0, 200, 105, 1);
		font-size: 12px;
		text-align: center;
		font-family: Arial;
	}
	// 列表头像
	.listtp{
		width: 40px;
		height: 40px;
		border-radius: 100%;
	}
	// 删除
	.sc{
		width: 30px;
		height: 30px;
		line-height: 30px;
		background-color: rgba(239, 239, 239, 1);
		text-align: center;
		border-radius: 100%;
	}
	.yd{
		position: relative;
		right: 6px;
		top: -22px;
		width: 10px;
		height: 10px;
		line-height: 20px;
		background-color: rgba(255, 95, 53, 1);
		text-align: center;
		border-radius: 100%;
	}
	
	// 工作消息
	.approve{
		width: 280px;
		line-height: 20px;
		border-radius: 10px;
		background-color: rgba(255, 255, 255, 1);
		color: rgba(16, 16, 16, 1);
		font-size: 14px;
		font-family: Arial;
		border: 1px solid rgba(224, 227, 234, 1);
	}
	.check{
		width: 100%;
		height: 30px;
		line-height: 27px;
		border-radius: 4px;
		background-color: rgba(255, 255, 255, 1);
		color: rgba(34, 45, 60, 1);
		font-size: 14px;
		text-align: center;
		font-family: Microsoft Yahei;
		border: 1px solid rgba(224, 227, 234, 1);
	}
	// 转办
	.zb{
		width: 338px;
		height: 40px;
		line-height: 40px;
		border-radius: 4px;
		background-color: rgba(206, 206, 206, 1);
		color: rgba(255, 255, 255, 1);
		font-size: 14px;
		text-align: center;
		font-family: Microsoft Yahei;
		margin: 0 auto;
	}
	// 同意
	.ty{
		width: 247px;
		height: 40px;
		line-height: 40px;
		margin: 0 auto;
		border-radius: 4px;
		background-color: rgba(32, 83, 255, 1);
		color: rgba(255, 255, 255, 1);
		font-size: 14px;
		text-align: center;
		font-family: Microsoft Yahei;
	}
	.bh{
		width: 90px;
		height: 40px;
		margin: 0 auto;
		line-height: 40px;
		border-radius: 4px;
		background-color: rgba(255, 110, 110, 1);
		color: rgba(255, 255, 255, 1);
		font-size: 14px;
		text-align: center;
		font-family: Microsoft Yahei;
	}
	.txl{
		width: 95%; 
		position: relative; 
		top: -30px; 
		left: 30px;
	}
	.bnt{
		width: 25%; 
		color: #2053FF !important; 
		background-color: #E6ECFF !important; 
		border: none;
		
	}
	